<!--
11、Vue：v-text&v-html
> 目标: 掌握v-text|v-html指令的使用

- v-text: 为html元素添加text相当于innerText (原样输出)
  语法: <html标签名 v-text=”数据对象中的属性名”></html标签名>

- v-html: 为html元素添加html相当于innerHTML (格式化输出)
  语法: <html标签名 v-html=”数据对象中的属性名”></html标签名>
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vuejs文本指令</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <div v-text="message"></div>
    <div v-html="message"></div>
</div>

<script type="text/javascript">
    var vue = new Vue({
        el: '#app',
        data: {
            message: '<h1>china no.1</h1>'
        }
    });
</script>
</body>
</html>